<!DOCTYPE html>
<html lang="zh-CN" class=" ">
	<head>
		<meta charset="utf-8">
		<title>{$store.store_name}</title>
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="__STATIC__/plugins/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="__STATIC__/customer/css/client.css?v={:config('asset_version')}">
	</head>
	<body>

		<div class="content">
			<div class="message-box">
				<div class="message scrollbar" data-avatar="{$user.head_img|get_file_url}">
					<ul>

					</ul>
				</div>
			</div>

			<div class="message-input">

				<div class="input-group message-txtarea">
					<span class="input-group-addon face-btn">
						<img src="__STATIC__/customer/images/icontitle1.png" style="width: 27px;height: 27px;" />
					</span>
					<form class="message-txtarea-form" action="javascript:return true;" onsubmit="return false;">
						<input type="text" class="form-control message-txtarea-input" name="text"
							placeholder="请输入要咨询的问题">
					</form>
					<span class="input-group-addon">
						<a class="message-txtarea-btns" href="javascript:;">
							<!-- <i class="glyphicon glyphicon-plus-sign"></i> -->
							<img src="__STATIC__/customer/images/gd.png" alt="" style="width: 28px;height: 28px;">
						</a>
						<a class="message-txtarea-submit" href="javascript:;" style="display:none">
							发送
						</a>
					</span>
				</div>
				<div class="message-titles">
					<div id="face_list" class="face-list"></div>
					<div id="bottom_btns" class="right-btn" style="display: none;">
						<!-- <a href="javascript:;" id="picture" ><i class="glyphicon glyphicon-picture"></i><input type="file" accept="image/png,image/jpg" /></a>
                <a href="javascript:;" id="video" ><i class="glyphicon glyphicon-facetime-video"></i><input type="file" accept="video/mp4" /></a> -->
						<a href="javascript:;" id="picture">
							<div class="footer-menu">
								<img src="__STATIC__/customer/images/photo.png" alt=""
									style="width: 25px;height: 25px;">
								<span>图片</span>
							</div>
							<input type="file" accept="image/png,image/jpg" />
						</a>
						<a href="javascript:;" id="video">
							<div class="footer-menu">
								<img src="__STATIC__/customer/images/video.png" alt=""
									style="width: 25px;height: 25px;">
								<span>视频</span>
							</div>
							<input type="file" accept="video/mp4" />
						</a>
						<a href="javascript:;" id="footer">
							<div class="footer-menu">
								<img src="__STATIC__/customer/images/footer.png" alt=""
									style="width: 25px;height: 25px;">
								<span>足迹</span>
							</div>
						</a>
						<a href="javascript:;" id="recommend">
							<div class="footer-menu">
								<img src="__STATIC__/customer/images/ok.png" alt="" style="width: 25px;height: 25px;">
								<span>推荐</span>
							</div>

						</a>
						<!-- <a href="javascript:;" id="goods">商品</a>
                <a href="javascript:;" id="order">订单</a> -->

					</div>
				</div>
			</div>
			<!--挂载内容-->
			{notempty name="addinfo"}
			{eq name="addinfo.type" value="3"}
			<div class="addinfo">
				<div class="goods" data-gid="{$addinfo.content.goods_id}" data-sku="{$addinfo.content.sku_id}">
					<div class="close"><i class="glyphicon glyphicon-remove"></i></div>
					<img src="{$addinfo.content.thumb}" class="goods-img" />
					<div class="goods-info">
						<h6>{$addinfo.content.name}</h6>
						<div class="info">{$addinfo.content.sku}</div>
						<div class="price">￥{$addinfo.content.price}</div>
						<div class="remark">发送商品</div>
					</div>
				</div>
			</div>
			{/eq}
			{eq name="addinfo.type" value="4"}
			<div class="addinfo">
				<div class="order" data-sn="{$addinfo.content.order_sn}">
					<div class="close"><i class="glyphicon glyphicon-remove"></i></div>
					<div class="icon">
						<i class="glyphicon glyphicon-file"></i>{$addinfo.content.order_sn} [{$addinfo.content.status}]
					</div>
					<table class="order-goods table">
						{volist name="$addinfo.content.goods" id="good"}
						<tr>
							<td class="thumb"><img src="{$good.goods_thumb}" /></td>
							<td>
								<div class="title">{$good.goods_name}</div>
								<div class="sku">{$good.sku_name}</div>
							</td>
							<td class="num">X {$good.num} </td>
							<td class="price">￥{$good.goods_money}</td>
						</tr>
						{/volist}
					</table>
					<div class="info">
						<div class="text-right">应付： <font color="red">￥{$addinfo.content.payable_money}元</font>
						</div>
						<div class="address">
							{$addinfo.content.info.receiver_name} {$addinfo.content.info.receiver_mobile}
							{$addinfo.content.info.province} {$addinfo.content.info.city}
							{$addinfo.content.info.district} {$addinfo.content.info.receiver_address}
						</div>
						<div class="remark">{$addinfo.content.info.remark}</div>
					</div>
					<div class="remark mt10">发送订单</div>
				</div>
			</div>
			{/eq}

			{/notempty}

			<!-- 图片弹窗 -->
			<div class="alt_img" id="showImageView">
				<!--
        <div class="alt_img_title imgClose"><img src="__STATIC__/customer/images/clear.png" alt=""></div>
        -->
				<div class="bit_img imgView"><img src="__STATIC__/customer/images/clear.png" alt=""></div>
			</div>


			<!-- <div class="footer-win">
				<div>
					<span>选择报备</span>
				</div>
			</div> -->

			<div id="mask2" style="display: none;"> </div> <!-- 遮罩层  -->
			<div class="popup2 " id="popup2" style="display: none;">
				<!-- 具体内容  -->
				<ul class="nav nav-tabs nav-justified" >
					<li class="active"><a href="#goods1" data-toggle="tab">足迹</a></li>
					<li><a href="#goods2" data-toggle="tab">推荐</a></li>
				</ul>
				
				<div class="goods_list" style="overflow-y: auto;height:calc(100% - 40px)">
					<div class="goods_item">
						<img src="https://images.slodon.cn/data/upload/mall/store/goods/17/17_181567674442426.jpg?imageView2/1/w/520/h/520" alt="" style="width: 100px;height: 100px;">
						<div class="goods_content">
							<span class="goods_name">Apple MacBook Air 13.6 八核M1芯片(8核图形处理器) 8G 256G SSD 银色 笔记本电脑 MLXY3CH/A</span>
							<span class="text1">销量:20 库存:30</span>
							<div class="goods_bottom">
								<span class="text2">￥200</span>
								<div class="send_btn">发送</div>
							</div>
						</div>
					</div>
				</div>
			</div>


		</div>





		<script type="text/javascript" src="__STATIC__/plugins/jquery/jquery.min.js"></script>
		<script type="text/javascript" src="__STATIC__/plugins/bootstrap/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="__STATIC__/plugins/layer/mobile/layer.js"></script>
		<script type="text/javascript" src="__STATIC__/customer/js/service.js?v={:config('asset_version')}"></script>
		<script type="text/javascript" src="__STATIC__/customer/js/service_client.js?v={:config('asset_version')}">
		</script>
		<script src="__STATIC__/plugins/socket-io/socket.io.js"></script>
		<script src="__STATIC__/customer/face/face.js?v={:config('asset_version')}"></script>
		<!--
<script src="//cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
-->
		<script>
			//var vconsole = new VConsole();
			//console.log("hello word");
			$(".message-box .message").height($(".message-box .message").height());
			ShopsFace.init({
				faceListId: "#face_list",
				iconPath: "__STATIC__/customer/face/icons/",
				inputId: ".message-txtarea-input"
			})
			sockets.client({
				url: "{$userSig.wss_socket_url ?: $userSig.socket_url}",
				store: {
					store_id: '{$store.store_id}',
					store_name: '{$store.store_name}',
					store_logo: '{$store.store_logo|get_file_url}',
					greeting: '{$store.greeting}',
					is_robot: '{$store.is_robot}'
				},
				user: {
					uid: '{$userSig.uid}',
					userSig: '{$userSig.userSig}',
					user_nickname: '{$user.user_nickname}',
					head_img: '{$user.head_img|get_file_url}'
				},
				token: '{$upToken}',
				jstoken: '{$jstoken}',
			});

			$(document).on('click', '#footer', function(e) {
				$('#mask2').show();
				$('#popup2').show();
			});

			$(document).on('click', '#recommend', function(e) {
				$('#mask2').show();
				$('#popup2').show();
			});

			$(document).on('click', '#mask2', function(e) {
				$('#mask2').hide();
				$('#popup2').hide();
			});
		</script>
	</body>
</html>
